<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="index.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <title>Graffiti-Board</title>
</head>

<body>
  <div class="wrapper">
    <div class="control">
      <div class="arrow" id="arrow">
        <a href="javascript:;" data-c="prev" class="prev iconfont iconchexiao"></a>
        <a href="javascript:;" data-c="clear" class="next iconfont icon15qingkong-2"></a>
      </div>
      <div class="colors" id="colors">
        <a href="javascript:;" data-c="#222" class="color1 active"></a>
        <a href="javascript:;" data-c="#DF5F47" class="color2"></a>
        <a href="javascript:;" data-c="#AFEC63" class="color3"></a>
        <a href="javascript:;" data-c="#D3C74D" class="color4"></a>
        <a href="javascript:;" data-c="#60C0D6" class="color5"></a>
        <a href="#"><input id="pickColor" type="color">
          <i class="iconfont iconcolor"></i></a>
        <a href="javascript:;" data-c="#fff" class="color6 iconfont iconxiangpica">
          
        </a>
     
      </div>
      
        <input type="range" id="range" value="2" min="2" max="15">
    

    </div>
    <canvas id="canvas" width="0" height="0"></canvas>
    <a href="" id="save" class="save">
      <i class="iconfont iconLC_icon_download_fill"></i>
    </a>
  </div>
  <script src="index.js"></script>
</body>

</html>